<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="./wow/css/animate.css">
		<link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet" /> 
		<script src="bootstrap/js/bootstrap.bundle.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="./bootstrap/css/bootstrap-utilities.css"/>
		<script src="js/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>


		<title>博客用户主页 </title>
	</head>
	<style type="text/css">
		* {
			margin: 0;
			padding: 0;
		}

		html,
		body {
			height: 100%;

		}

		body>div {
			margin: 0 auto;
		}

		div {
			/* border: 1px #000000 solid; */
		}

		#header {
			position: fixed;
			top: 0;
			background-color: white;
			z-index: 1000000;
		}

		#header_top {
			/* margin-bottom:30px ; */
			border: 0.0625rem #ADB5BD solid;
		}

		#header_bottom {
			margin-top: 10px;
			height: 50px;
			border: 0.0625rem #ADB5BD solid;
			 
			display: flex;
			align-items: center;
		}

		a {
			text-decoration: none;
		}

		.p1 {
			padding-left: 3px !important;
			padding-right: 3px !important;
			;
		}

		.p0 {
			padding-left: 0px !important;
			padding-right: 0px !important;
			;
		}

		#footer {
			position: fixed;
			bottom: 0px;
			text-align: center;
			width: 100%;
			z-index: 100;
			background-color: #C1D6CC;
		}

		.blogItem {
			height: 100px;
			border: 1px #ADB5BD solid;
			margin-top: 15px;
		}

		#mainBody {
			position: relative !important;
			top: 240px;
		
		}
		.textRight{
			float: right;
		}
	</style>

	<body>

		<div class="container">
			<div id="header" class="row">
				<div id="header_top" class="row">
					<div class="col-4 ">
						<img src="img/logo.png" width="100%">
					</div>
					<div class="col-8">
						<div class="row">
							<h4>罗老师</h4>
						</div>
						<div class="row">
							,据31个省(自治区、直辖市)和新疆生产建设兵团报告,现有确诊病例403例(其中重症病例10例),累计治愈出院病
						</div>
						<div class="row">
							<div class="col-6 offset-6">
								<button type="button" class="textRight btn btn-info" data-toggle="modal" data-target="#exampleModal">修改</button>
							</div>
						</div>
					</div>
				</div>
				<div id="header_bottom" class="row">
					<div class="col-3 p1"><a href="#xyqw.html">校园趣闻</a></div>
					<div class="col-3 p1"><a href="#xyqw.html">学习园地</a></div>
					<div class="col-3 p1"><a href="#xyqw.html">娱乐</a></div>
					<div class="col-3 p0"><button type="button" class="textRight btn btn-info p0">分类管理</button></div>
				</div>
			</div>
			<div id="mainBody" class="row">

				<div class="blogItem">
1
				</div>
				<div class="blogItem">

				</div>
				<div class="blogItem">

				</div>
				<div class="blogItem">

				</div>
				<div class="blogItem">

				</div>
				<div class="blogItem">

				</div>
				<div class="blogItem">

				</div>
				<div class="blogItem">

				</div>
				<div class="blogItem">

				</div>
				<div class="blogItem">

				</div>
				<div class="blogItem">

				</div>
				<div class="blogItem">

				</div>

				<div class="blogItem">

				</div>
				<div class="blogItem">

				</div>
				<div class="blogItem">

				</div>
				<div class="blogItem">

				</div>
				<div class="blogItem">

				</div>
				<div class="blogItem">

				</div>
				<div class="blogItem">

				</div>
				<div class="blogItem">

				</div>
				<div class="blogItem">

				</div>
				<div class="blogItem">

				</div>
				<div class="blogItem">

				</div>
				<div class="blogItem">

				</div>



			</div>
			<div id="footer" class="row"><h3>版权申明：物联网19级</h3></div>
		</div>


<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>





		<script src="./wow/js/wow.min.js"></script>
		<script>
			if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
				new WOW().init();
			};
		</script>
	</body>
</html>
